<!doctype html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta http-equiv="Cache-Control" content="no-siteapp"><!-- 百度不转码 -->
  <meta http-equiv="Cache-control" content="no-cache"> <!-- 不缓存 -->
  <meta content="telephone=no" name="format-detection"> <!-- 禁止手机自动将网页中的电话号码显示为拨号的超链接 -->
  <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"><!-- "苹果手机专用"的改变顶部状态条的颜色 -->
  <meta content="yes" name="apple-mobile-web-app-capable"><!-- 开启对 web app 程序的支持 -->
  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"><!-- 不允许缩放的1:1显示 -->
  <meta name="mobile-agent" content="format=html5;url=http://m.moerlong.com/"><!-- 自主适配，仅在百度移动搜索中有效 -->
  <meta name="applicable-device" content="mobile"><!-- 只适合在移动设备上进行浏览 -->
  <meta name="keywords" content="">
  <meta name="robots" content="index,follow"> <!-- 定义搜索引擎索引方式 -->
  <meta name="format-detection" content="telphone=no, email=no"/>
  <title></title>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_838394_57dlr0e52o2.css"/>
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/headfoot.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/swiper-3.4.2.min.js"></script>
 </head>
 <body>
 <!-- 轮播-->
 <div class="swiper-container" id="banner">
  <div class="swiper-wrapper">
   <div class="swiper-slide"><img src="images/index/banner.jpg" alt=""/> </div>
   <div class="swiper-slide"><img src="images/index/banner.jpg" alt=""/> </div>
   <div class="swiper-slide"><img src="images/index/banner.jpg" alt=""/> </div>
  </div>
  <div class="index_head">
   <span> <img src="images/index/logo.png" alt=""/> </span>   <a class="rt"> <i class="iconfont icon-geren"></i> </a>
  </div>
  <!-- 如果需要分页器 -->
  <div class="swiper-pagination"></div>
 </div>
 <div class="list_main1">
  <ul>
   <li><a href="#"><h4> 健身资讯 </h4><span>健康攻略 </span></a></li>
   <li><a href="#"><h4> 品牌接力跑 </h4><span>在线报名 </span></a></li>
   <li><a href="#"><h4>品牌日定制 </h4><span>品牌认领 </span></a></li>
   <li><a href="#"><h4> 筑梦社区 </h4><span>以人为本 </span></a></li>
   <div class="both"></div>
  </ul>
 </div>
 <div class="chose huibg padd50">
     <div class="chose_line">
      <i class="iconfont icon-unie036"></i> <input type="text" placeholder="搜索：输入关键词"/>
     </div>
 </div>
 <div class="ord_list line">
  <ul>
   <li><a href="#"> <span> <img src="images/index/jian-1.png" alt=""/></span><p> 健身馆</p> </a></li>
   <li><a href="#"> <span> <img src="images/index/jian-2.png" alt=""/></span><p> 游泳馆</p> </a></li>
   <li><a href="#"> <span> <img src="images/index/jian-3.png" alt=""/></span><p> 瑜伽馆</p> </a></li>
   <li><a href="#"> <span> <img src="images/index/jian-4.png" alt=""/></span><p> 篮球馆</p> </a></li>
   <li><a href="#"> <span> <img src="images/index/jian-5.png" alt=""/></span><p> 搏击馆</p> </a></li>
   <li><a href="#"> <span> <img src="images/index/jian-6.png" alt=""/></span><p>网球馆</p> </a></li>
   <li><a href="#"> <span> <img src="images/index/jian-7.png" alt=""/></span><p>高尔夫</p> </a></li>
   <li><a href="#"> <span> <img src="images/index/jian-8.png" alt=""/></span><p>足球馆</p> </a></li>
   <div class="both"></div>
  </ul>
 </div>
 <div class="yun_list line">
  <ul>
   <li><a href="#">
    <img src="images/index/pro-1.jpg" alt=""/>
    <div class="yun_text"><h3>  热门健身房</h3><p> 为每个人的健康而努力</p></div>
   </a></li>
   <li><a href="#">
    <img src="images/index/pro-2.jpg" alt=""/>
    <div class="yun_text"><h3>  优质商家推荐</h3><p> 为每个人的健康而努力</p></div>
   </a></li>
   <li><a href="#">
    <img src="images/index/pro-3.jpg" alt=""/>
    <div class="yun_text"><h3>  运动特惠</h3><p> 为每个人的健康而努力</p></div>
   </a></li>
   <li><a href="#">
    <img src="images/index/pro-4.jpg" alt=""/>
    <div class="yun_text"><h3> 中国梦人人梦</h3><p> 为每个人的健康而努力</p></div>
   </a></li>
   <div class="both"></div>
  </ul>
 </div>
 <!-- 红包-->
 <div class="bao">
  <a href="#"><img src="images/index/bao.png" alt=""/></a>
 </div>
 <div class="ba">
  <a href="#"><img src="images/index/ba-1.jpg" alt=""/> </a>
 </div>
 <!-- 列表-->
 <div class="jin_list">
  <ul>
   <li><a href="#">
     <div class="jin_img"><img src="images/index/jin-1.jpg" alt=""/></div>
    <div class="jin_text"> <h4>人人健身促健康 同心共筑中国梦</h4>
   <span class="rt">>5m </span>   <p> 远大路 &nbsp;  健身房  </p>
     <b>  ￥356</b>
    </div>
    <div class="both"></div>
   </a></li>
   <li><a href="#">
    <div class="jin_img"><img src="images/index/jin-2.jpg" alt=""/></div>
    <div class="jin_text"> <h4>人人健身促健康 同心共筑中国梦</h4>
     <span class="rt">>5m </span>   <p> 远大路 &nbsp;  健身房  </p>
     <b>  ￥356</b>
    </div>
    <div class="both"></div>
   </a></li>
   <li><a href="#">
    <div class="jin_img"><img src="images/index/jin-3.jpg" alt=""/></div>
    <div class="jin_text"> <h4>人人健身促健康 同心共筑中国梦</h4>
     <span class="rt">>5m </span>   <p> 远大路 &nbsp;  健身房  </p>
     <b>  ￥356</b>
    </div>
    <div class="both"></div>
   </a></li>
   <li><a href="#">
    <div class="jin_img"><img src="images/index/jin-4.jpg" alt=""/></div>
    <div class="jin_text"> <h4>人人健身促健康 同心共筑中国梦</h4>
     <span class="rt">>5m </span>   <p> 远大路 &nbsp;  健身房  </p>
     <b>  ￥356</b>
    </div>
    <div class="both"></div>
   </a></li>
   <li><a href="#">
    <div class="jin_img"><img src="images/index/jin-5.jpg" alt=""/></div>
    <div class="jin_text"> <h4>人人健身促健康 同心共筑中国梦</h4>
     <span class="rt">>5m </span>   <p> 远大路 &nbsp;  健身房  </p>
     <b>  ￥356</b>
    </div>
    <div class="both"></div>
   </a></li>
  </ul>
 </div>
 <div class="ba">
  <a href="#"><img src="images/index/ba-2.jpg" alt=""/> </a>
 </div>
 <div class="padd">
  <div class="cooperate">
   <h2>战略合作伙伴</h2>
   <div>
    <span><a href="#"> <img src="images/index/zhan-1.jpg" alt=""/> </a></span>
    <span><a href="#"> <img src="images/index/zhan-2.jpg" alt=""/> </a></span>
    <span><a href="#"> <img src="images/index/zhan-3.jpg" alt=""/> </a></span>
    <span><a href="#"> <img src="images/index/zhan-4.jpg" alt=""/> </a></span>
   </div>
   <div>
    <span><a href="#"> <img src="images/index/zhan-5.jpg" alt=""/> </a></span>
    <span><a href="#"> <img src="images/index/zhan-6.jpg" alt=""/> </a></span>
    <span><a href="#"> <img src="images/index/zhan-7.jpg" alt=""/> </a></span>
   </div>
   <div>
    <span><a href="#"> <img src="images/index/zhan-8.jpg" alt=""/> </a></span>
    <span><a href="#"> <img src="images/index/zhan-9.jpg" alt=""/> </a></span>
    <span><a href="#"> <img src="images/index/zhan-10.jpg" alt=""/> </a></span>
   </div>
   <h2>媒体合作伙伴</h2>
   <ul>
    <li><a href="#"> <img src="images/index/he-1.jpg" alt=""/> </a></li>
    <li><a href="#"> <img src="images/index/he-2.jpg" alt=""/> </a></li>
    <li><a href="#"> <img src="images/index/he-3.jpg" alt=""/> </a></li>
    <li><a href="#"> <img src="images/index/he-4.jpg" alt=""/> </a></li>
    <li><a href="#"> <img src="images/index/he-1.jpg" alt=""/> </a></li>
    <li><a href="#"> <img src="images/index/he-2.jpg" alt=""/> </a></li>
    <li><a href="#"> <img src="images/index/he-3.jpg" alt=""/> </a></li>
    <li><a href="#"> <img src="images/index/he-4.jpg" alt=""/> </a></li>
    <div class="both"></div>
   </ul>
  </div>
 </div>
 <div class="foot">
  <script>$(".foot").load("foot.html");</script>
 </div>
 <script>
   $(function() {
    var swiper = new Swiper('#banner', {
     pagination: '.swiper-pagination',
     paginationType: 'fraction'
    });
   });
 </script>
 </body>
</html>
